<script setup>
import { ref,computed } from 'vue'
const props = defineProps({

    count:{
        type:Number,
        default:1
    },
    obj:{
        type:Object
    }
})
// props只读的，不能修改
// props.count++
// props.obj.name="李四"
// props.obj.age++
// props.obj = {}

const numTest = ref(props.count) 
const numTest2 = computed(() => props.count+5) 
</script>

<template>
<div>
    {{ count }}
    <div>{{ obj.age }}</div>
    <button @click="numTest++">{{ numTest }}</button>
    <button>{{ numTest2 }}</button>
</div>
</template>

<style scoped>
</style>